<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./site1.css">
</head>

<body>
    <div class="content">
        <div class="onerow directionr">
            <div class="panel directionr onep1">
                <div class="point"></div>
            </div>
            <div class="panel directionc onep2">
                <div class="point"></div>
            </div>
            <div class="panel directionc onep3">
                <div class="point"></div>
            </div>
            <div class="panel directionc onep4">
                <div class="point"></div>
            </div>
            <div class="panel onep5">
                <div class="point point15"></div>
            </div>
            <div class="panel onep4">
                <div class="point point16"></div>
            </div>
            <div class="panel directionc onep7">
                <div class="point"></div>
            </div>


        </div>
        <div class="tworow directionr">
            <div class="panel directionr justifys">
                <div class="point"></div>
                <div class="point"></div>
            </div>
            <div class="panel directionc justifys">
                <div class="point"></div>
                <div class="point"></div>
            </div>
            <div class="panel directionc justifys onep5">
                <div class="point"></div>
                <div class="point"></div>
            </div>
            <div class="panel directionc justifys onep3">
                <div class="point"></div>
                <div class="point"></div>
            </div>
            <!-- <div class="panel directionc justifys">
                <div class="point onep1"></div>
                <div class="onep5 directionc onep5">
                    <div class="point point15""></div>
                </div>
            </div> -->
            <div class="panel directionr">
                <div class="point"></div>
                <div class="point point14"></div>
                
            </div>



            <div class="panel directionr justifys">
                <div class="point onep1"></div>
                <div class="point onep7"></div>
            </div>

        </div>
        <div class="threerow tworow">
            <div class="panel directionr">
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
            </div>
            <div class="panel directionc justifys">
                <div class="point"></div>
                <div class="point"></div>
                <div class="point"></div>
            </div>
            <div class="panel directionr justifys">
                    <div class="point"></div>
                    <div class="point point14"></div>
                    <div class="point point16"></div>
            </div>
            <div class="panel directionr justifys">
                <div class="directionc justifys">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>
                <div>
                    <div></div>
                    <div></div>
                </div>
                <div class="directionc justifys">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>

            </div>
            <div class="panel directionr justifys">
                <div class="point point14"></div>
                <div class="directionc justifys">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>
                <div class="point point14"></div>

            </div>
        </div>
        <div class="fourrow tworow">
            <div class="panel justifys directionc">
                <div class="directionr justifys">
                    <div class="point"></div>
                    <div class="point"></div>
                    <div class="point"></div>
                </div>

                <div class="directionr justifys">
                    <div></div>
                    <div></div>
                    <div></div>
                </div>

                <div class="directionr justifys">
                    <div class="point point16"></div>
                    <div class="point point16"></div>
                </div>
            </div>

            <div class="panel justifys directionc">
                <div class="directionr justifys">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>
                <div class="directionr justifys">
                    <div></div>
                    <div class="point point16"></div>
                </div>
                <div class="directionr justifys">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>
            </div>
            <!-- <div class="panel justifys directionc">
                <div class="directionr">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>
                <div class="directionr justifys">
                    <div></div>
                    <div class="point point15"></div>
                    <div></div>
                </div>
                <div class="directionr justifys">
                    <div></div>
                    <div></div>
                    <div class="point point16"></div>
                </div>
            </div> -->
            <div class="panel directionc justifys">
                <div class="directionr">
                    <div class="point"></div>
                    <div class="point"></div>
                </div>
                <div class="point point14"></div>
                <div class="point point16"></div>
            </div>
            <div class="panel justifys directionr">
                <div class="justifys directionc">
                    <div class="point"></div>
                    <div class="point"></div>

                </div>
                <div class="point point14"></div>
                <!-- <div class="directionn justifys">
                    <div></div>
                    <div class="point point14"></div>
                    <div></div>
                </div> -->
                <div class="justifys directionc">
                    <div class="point"></div>
                    <div class="point"></div>

                </div>
            </div>
        </div>
            <div class="fiverow tworow">
                <div class="panel directionr justifys">
                    <div class="directionc justifys ">
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                    <div class="directionc justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                    <div class="directionc justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                </div>

                <div class="panel directionc">
                    <!-- 三个div容器纵向排列 -->
                    <div class="justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                    <div class="justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                    <div class="justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                </div>
                <div class="panel justifys directionc">
                    <div class=" directionr justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                    <div class="directionr justifys">
                        <div class="point "></div>
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                    <div class="directionr justifys">
                        <div class="point"></div>
                        <div class="point"></div>
                        <div class="point"></div>
                    </div>
                </div>
            </div>
        

    </div>
</body>

</html>